import Icon from "@ant-design/icons";
import type { CustomIconComponentProps } from "@ant-design/icons/lib/components/Icon";

const LightSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="7841"
    width="1em"
    height="1em"
    fill="currentColor"
  >
    <path
      d="M482.669714 192v-128h58.660572v128h-58.660572zM482.669714 960v-128h58.660572v128h-58.660572zM264.97219 306.468571L174.470095 215.966476l41.496381-41.496381 90.502095 90.502095-41.496381 41.496381zM808.033524 849.529905L717.531429 758.979048l41.472-41.472 90.526476 90.502095-41.496381 41.496381zM808.033524 174.470095l-90.502095 90.502095 41.472 41.496381 90.526476-90.502095-41.496381-41.496381zM264.97219 717.531429l-90.502095 90.502095 41.496381 41.496381 90.502095-90.526476-41.496381-41.472zM832 482.669714h128v58.660572h-128v-58.660572zM64 482.669714h128v58.660572h-128v-58.660572zM789.333333 512c0 153.161143-124.17219 277.333333-277.333333 277.333333S234.666667 665.161143 234.666667 512 358.838857 234.666667 512 234.666667 789.333333 358.838857 789.333333 512z m-58.660571 0a218.672762 218.672762 0 1 0-437.345524 0 218.672762 218.672762 0 0 0 437.345524 0z"
      p-id="7842"
    ></path>
  </svg>
);

const GPUSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="3786"
    width="1.2em"
    height="1.2em"
    fill="currentColor"
  >
    <path
      d="M903.7 171.2H236.3c-9 0-17.7 3.4-24.3 9.4L76.3 304.9c-7.5 6.8-11.7 16.5-11.7 26.6v403.9c0 19.9 16.1 36 36 36h81v45.9c0 19.9 16.1 36 36 36h212.3c19.9 0 36-16.1 36-36v-45.9h115.7v45.9c0 19.9 16.1 36 36 36h198.2c19.9 0 36-16.1 36-36v-45.9h71.9c19.9 0 36-16.1 36-36V227.2c0-30.9-25.1-56-56-56z m-16 528.1h-71.9c-19.9 0-36 16.1-36 36v45.9H653.6v-45.9c0-19.9-16.1-36-36-36H429.9c-19.9 0-36 16.1-36 36v45.9H253.6v-45.9c0-19.9-16.1-36-36-36h-81v-352l113.7-104.1h637.4v456.1z"
      p-id="3787"
    ></path>
    <path
      d="M667.2 617.2c82 0 148.6-66.7 148.6-148.6S749.1 320 667.2 320s-148.6 66.7-148.6 148.6 66.6 148.6 148.6 148.6z m0-225.3c42.3 0 76.6 34.4 76.6 76.6s-34.4 76.6-76.6 76.6-76.6-34.4-76.6-76.6 34.3-76.6 76.6-76.6zM207.8 551.8c0 19.9 16.1 36 36 36h183.6c19.9 0 36-16.1 36-36s-16.1-36-36-36H243.8c-19.8 0-36 16.1-36 36zM207.8 434.5c0 19.9 16.1 36 36 36H356c19.9 0 36-16.1 36-36s-16.1-36-36-36H243.8c-19.8 0-36 16.1-36 36z"
      p-id="3788"
    ></path>
  </svg>
);

const CPUSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4890"
    width="1.2em"
    height="1.2em"
    fill="currentColor"
  >
    <path
      d="M794.392 187.692H243.708c-31.064 0-56.48 25.417-56.48 56.48v550.685c0 31.064 25.416 56.48 56.48 56.48h550.685c31.064 0 56.48-25.417 56.48-56.48V244.172c0-31.063-25.416-56.48-56.481-56.48z m-56.48 465.964c0 46.718-38.003 84.721-84.721 84.721H384.909c-46.718 0-84.721-38.003-84.721-84.721V385.374c0-46.718 38.003-84.721 84.721-84.721h268.282c46.718 0 84.721 38.003 84.721 84.721v268.282z"
      p-id="4891"
    ></path>
    <path
      d="M653.191 357.133H384.909c-15.575 0-28.24 12.672-28.24 28.24v268.282c0 15.568 12.665 28.24 28.24 28.24h268.282c15.575 0 28.24-12.672 28.24-28.24V385.374c0-15.568-12.665-28.241-28.24-28.241zM372.431 95.09c0-17.046-13.821-30.867-30.867-30.867s-30.867 13.821-30.867 30.867v69.451h61.734V95.09zM63.759 527.232c0 17.046 13.821 30.867 30.867 30.867h69.451v-61.734H94.626c-17.047-0.001-30.867 13.82-30.867 30.867zM542.201 95.09c0-17.046-13.821-30.867-30.867-30.867s-30.867 13.821-30.867 30.867v69.451h61.734V95.09zM711.97 95.09c0-17.046-13.821-30.867-30.867-30.867s-30.867 13.821-30.867 30.867v69.451h61.734V95.09zM958.908 357.462c0-17.046-13.821-30.867-30.867-30.867h-54.018v61.734h54.018c17.046 0 30.867-13.821 30.867-30.867zM63.759 357.462c0 17.046 13.821 30.867 30.867 30.867h69.451v-61.734H94.626c-17.047 0-30.867 13.82-30.867 30.867zM928.041 666.134h-54.018v61.734h54.018c17.046 0 30.867-13.821 30.867-30.867s-13.821-30.867-30.867-30.867zM928.041 496.364h-54.018v61.734h54.018c17.046 0 30.867-13.821 30.867-30.867s-13.821-30.867-30.867-30.867zM650.236 928.505c0 17.046 13.821 30.867 30.867 30.867s30.867-13.821 30.867-30.867v-54.018h-61.734v54.018zM310.696 928.505c0 17.046 13.821 30.867 30.867 30.867s30.867-13.821 30.867-30.867v-54.018h-61.734v54.018zM480.466 928.505c0 17.046 13.821 30.867 30.867 30.867s30.867-13.821 30.867-30.867v-54.018h-61.734v54.018zM63.759 697.001c0 17.046 13.821 30.867 30.867 30.867h69.451v-61.734H94.626c-17.047 0-30.867 13.821-30.867 30.867z"
      p-id="4892"
    ></path>
  </svg>
);

const MotherboardSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="6107"
    width="1.2em"
    height="1.2em"
    fill="currentColor"
  >
    <path
      d="M870.1 64.37H153.9c-24.72 0-44.76 20.04-44.76 44.76v805.73c0 24.72 20.04 44.76 44.76 44.76h716.2c24.72 0 44.76-20.04 44.76-44.76V109.14c0-24.73-20.04-44.77-44.76-44.77zM153.9 243.42h44.76v223.81H153.9V243.42z m716.2 671.44H153.9V512h44.76c24.72 0 44.76-20.04 44.76-44.76V243.42c0-24.72-20.04-44.76-44.76-44.76H153.9v-89.53h716.2v805.73z"
      p-id="6108"
    ></path>
    <path
      d="M691.05 556.76h89.53c24.72 0 44.76-20.04 44.76-44.76V198.66c0-24.72-20.04-44.76-44.76-44.76h-89.53c-24.72 0-44.76 20.04-44.76 44.76V512c0 24.72 20.04 44.76 44.76 44.76z m0-358.1h89.53V512h-89.53V198.66zM332.95 512h223.82c24.72 0 44.76-20.04 44.76-44.76V243.42c0-24.72-20.04-44.76-44.76-44.76H332.95c-24.72 0-44.76 20.04-44.76 44.76v223.81c0 24.73 20.04 44.77 44.76 44.77z m0-268.58h223.81v223.81H332.95V243.42zM623.91 735.81H355.33c-12.36 0-22.38 10.02-22.38 22.38s10.02 22.38 22.38 22.38h268.58c12.36 0 22.38-10.02 22.38-22.38 0-12.35-10.02-22.38-22.38-22.38zM623.91 825.34H355.33c-12.36 0-22.38 10.02-22.38 22.38s10.02 22.38 22.38 22.38h268.58c12.36 0 22.38-10.02 22.38-22.38s-10.02-22.38-22.38-22.38zM265.81 735.81h-44.76c-12.36 0-22.38 10.02-22.38 22.38s10.02 22.38 22.38 22.38h44.76c12.36 0 22.38-10.02 22.38-22.38 0-12.35-10.02-22.38-22.38-22.38zM332.95 668.67c0 12.36 10.02 22.38 22.38 22.38h268.58c12.36 0 22.38-10.02 22.38-22.38s-10.02-22.38-22.38-22.38H355.33c-12.36 0-22.38 10.02-22.38 22.38zM198.66 668.67c0 12.36 10.02 22.38 22.38 22.38h44.76c12.36 0 22.38-10.02 22.38-22.38s-10.02-22.38-22.38-22.38h-44.76c-12.36 0-22.38 10.02-22.38 22.38zM265.81 825.34h-44.76c-12.36 0-22.38 10.02-22.38 22.38s10.02 22.38 22.38 22.38h44.76c12.36 0 22.38-10.02 22.38-22.38s-10.02-22.38-22.38-22.38zM713.43 601.53c-12.36 0-22.38 10.02-22.38 22.38V758.2c0 12.36 10.02 22.38 22.38 22.38s22.38-10.02 22.38-22.38V623.91c0-12.36-10.02-22.38-22.38-22.38zM802.96 601.53c-12.36 0-22.38 10.02-22.38 22.38V758.2c0 12.36 10.02 22.38 22.38 22.38s22.38-10.02 22.38-22.38V623.91c0-12.36-10.02-22.38-22.38-22.38z"
      p-id="6109"
    ></path>
    <path
      d="M713.43 847.72m-22.38 0a22.38 22.38 0 1 0 44.76 0 22.38 22.38 0 1 0-44.76 0Z"
      p-id="6110"
    ></path>
    <path
      d="M355.33 176.28m-22.38 0a22.38 22.38 0 1 0 44.76 0 22.38 22.38 0 1 0-44.76 0Z"
      p-id="6111"
    ></path>
    <path
      d="M346.772314 555.046555a22.38 22.38 0 1 0 17.128911-41.352848 22.38 22.38 0 1 0-17.128911 41.352848Z"
      p-id="6112"
    ></path>
    <path
      d="M423.098497 539.494599a22.38 22.38 0 1 0 43.562001-10.286382 22.38 22.38 0 1 0-43.562001 10.286382Z"
      p-id="6113"
    ></path>
    <path
      d="M525.821386 555.043166a22.38 22.38 0 1 0 17.128911-41.352848 22.38 22.38 0 1 0-17.128911 41.352848Z"
      p-id="6114"
    ></path>
    <path
      d="M802.96 847.72m-22.38 0a22.38 22.38 0 1 0 44.76 0 22.38 22.38 0 1 0-44.76 0Z"
      p-id="6115"
    ></path>
    <path
      d="M444.86 176.28m-22.38 0a22.38 22.38 0 1 0 44.76 0 22.38 22.38 0 1 0-44.76 0Z"
      p-id="6116"
    ></path>
    <path
      d="M534.38 176.28m-22.38 0a22.38 22.38 0 1 0 44.76 0 22.38 22.38 0 1 0-44.76 0Z"
      p-id="6117"
    ></path>
    <path
      d="M735.81 243.42c-12.36 0-22.38 10.02-22.38 22.38v179.05c0 12.36 10.02 22.38 22.38 22.38s22.38-10.02 22.38-22.38V265.81c0-12.37-10.02-22.39-22.38-22.39z"
      p-id="6118"
    ></path>
  </svg>
);

const MemorySvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="7237"
    width="1.2em"
    height="1.2em"
    fill="currentColor"
  >
    <path
      d="M922.688 810.624h-149.312a37.376 37.376 0 0 1-37.312-37.376L736 736h-49.792v74.688H611.584V736h-49.792v74.688H462.208V736h-49.728v74.688H337.792V736H288l-0.256 37.248a37.312 37.312 0 0 1-37.312 37.376h-149.12A37.312 37.312 0 0 1 64 773.248V250.752c0-20.672 16.704-37.376 37.312-37.376h821.312a37.312 37.312 0 0 1 37.376 37.376v522.496a37.312 37.312 0 0 1-37.312 37.376z m-37.376-177.344h-39.168a37.376 37.376 0 0 1 0-74.752h39.168V288.128H138.688v270.4h37.952a37.376 37.376 0 0 1 0 74.752h-37.952v102.528H213.12l0.256-49.6c0-20.672 4.288-24.896 24.896-24.896h547.584c20.608 0 24.896 4.224 24.896 24.896v49.6h74.624V633.28zM736 337.792h74.688V512H736V337.792z m-174.208 0h74.688V512H561.792V337.792z m-174.208 0h74.688V512H387.584V337.792z m-174.272 0H288V512l-73.472-0.128-1.216-174.08z"
      p-id="7238"
    ></path>
  </svg>
);

const DarkSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="8001"
    width="1em"
    height="1em"
    fill="currentColor"
  >
    <path
      d="M725.333333 533.333333a234.666667 234.666667 0 0 1-234.666666-234.666666 233.569524 233.569524 0 0 1 41.155047-132.778667 236.007619 236.007619 0 0 1 50.346667-53.150476 407.893333 407.893333 0 0 0-78.677333-5.973334C283.574857 111.274667 106.666667 290.986667 106.666667 512c0 223.865905 181.467429 405.333333 405.333333 405.333333 221.013333 0 400.725333-176.88381 405.23581-396.824381a411.452952 411.452952 0 0 0-5.948953-78.677333 236.007619 236.007619 0 0 1-53.174857 50.346667 233.569524 233.569524 0 0 1-132.778667 41.155047z m0 58.660572c46.592 0 90.672762-10.873905 129.77981-30.208-24.137143 167.862857-168.569905 296.886857-343.113143 296.886857-191.463619 0-346.672762-155.209143-346.672762-346.672762 0-174.567619 129.024-318.976 296.886857-343.113143a292.132571 292.132571 0 0 0-30.232381 129.77981c0 162.011429 131.34019 293.327238 293.351619 293.327238z"
      p-id="8002"
    ></path>
    <path
      d="M797.330286 128v98.669714h98.669714v58.660572h-98.669714v98.669714h-58.660572v-98.669714H640V226.669714h98.669714V128h58.660572z"
      p-id="8003"
    ></path>
  </svg>
);

const HDDSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4348"
    width="1em"
    height="1em"
    fill="currentColor"
  >
    <path
      d="M719.872 153.6q34.816 0 53.248 9.728t31.744 37.376q5.12 11.264 16.384 34.816t25.6 53.248 29.696 62.976 29.184 62.976 24.576 52.736 14.848 33.28q5.12 11.264 8.704 16.896t6.144 12.288 3.584 15.872 1.024 25.6q0 12.288-0.512 37.888t-0.512 54.272l0 57.344 0 39.936q0 28.672-16.896 48.64t-48.64 19.968l-786.432 0q-29.696 0-45.056-18.944t-16.384-48.64l0-35.84q0-23.552 0.512-50.176t0.512-53.248l0-43.008q0-17.408 0.512-27.648t2.56-17.92 4.608-15.872 7.68-20.48q3.072-8.192 13.312-31.232t24.576-52.736 31.232-63.488 31.744-64 27.136-53.76l16.384-33.792q13.312-26.624 32.768-35.84t46.08-9.216l430.08 0zM897.024 589.824q0-30.72-28.672-30.72l-724.992 1.024q-17.408 0-26.624 9.728t-9.216 25.088l0 145.408q0 12.288 6.656 20.48t20.992 8.192l729.088 1.024q20.48 0 26.624-9.728t6.144-24.064l0-146.432zM293.888 206.848q-14.336 0-24.064 9.728t-9.728 24.064 9.728 24.064 24.064 9.728 23.552-9.728 9.216-24.064-9.216-24.064-23.552-9.728zM215.04 391.168q-14.336 0-24.064 9.728t-9.728 24.064 9.728 24.064 24.064 9.728 24.064-9.728 9.728-24.064-9.728-24.064-24.064-9.728zM686.08 240.64q0 14.336 9.216 24.064t23.552 9.728 24.064-9.728 9.728-24.064-9.728-24.064-24.064-9.728-23.552 9.728-9.216 24.064zM763.904 424.96q0 14.336 9.728 24.064t24.064 9.728 23.552-9.728 9.216-24.064-9.216-24.064-23.552-9.728-24.064 9.728-9.728 24.064zM233.472 740.352l-30.72 0 0-145.408 30.72 0 0 145.408zM326.656 740.352l-30.72 0 0-145.408 30.72 0 0 145.408zM420.864 740.352l-30.72 0 0-145.408 30.72 0 0 145.408zM514.048 740.352l-30.72 0 0-145.408 30.72 0 0 145.408zM610.304 740.352l-30.72 0 0-145.408 30.72 0 0 145.408zM705.536 740.352l-30.72 0 0-145.408 30.72 0 0 145.408zM795.648 740.352l-30.72 0 0-145.408 30.72 0 0 145.408z"
      p-id="4349"
    ></path>
  </svg>
);

const SSDSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="5459"
    width="1em"
    height="1em"
    fill="currentColor"
  >
    <path
      d="M860.8 83.2H163.2c-30.4 0-54.4 24-54.4 54.4v724.8c0 30.4 24 54.4 54.4 54.4h80c14.4 0 27.2-12.8 27.2-27.2 0-14.4-12.8-27.2-27.2-27.2h-80V136h697.6v724.8h-80c-14.4 0-27.2 12.8-27.2 27.2s12.8 27.2 27.2 27.2h80c30.4 0 54.4-24 54.4-54.4V136c0-28.8-24-52.8-54.4-52.8zM324.8 888v27.2c0 14.4 12.8 27.2 27.2 27.2 14.4 0 27.2-12.8 27.2-27.2v-80h-54.4v52.8z m107.2 0v27.2c0 14.4 12.8 27.2 27.2 27.2 14.4 0 27.2-11.2 27.2-27.2v-80H432v52.8z m107.2 0v27.2c0 14.4 12.8 27.2 27.2 27.2 14.4 0 27.2-11.2 27.2-27.2v-80h-54.4v52.8z m107.2 0v27.2c0 14.4 12.8 27.2 27.2 27.2s27.2-12.8 27.2-27.2v-80h-54.4v52.8zM270.4 190.4h-54.4v54.4h54.4v-54.4z m537.6 0h-54.4v54.4h54.4v-54.4z m-54.4 617.6h54.4v-54.4h-54.4v54.4z m-537.6 0h54.4v-54.4h-54.4v54.4z m430.4-457.6v214.4c0 14.4 11.2 27.2 27.2 27.2 84.8 0 134.4-49.6 134.4-134.4 0-83.2-51.2-134.4-134.4-134.4-16 1.6-27.2 12.8-27.2 27.2z m107.2 107.2c0 46.4-17.6 70.4-54.4 78.4v-155.2c36.8 8 54.4 33.6 54.4 76.8z m-510.4 81.6c-14.4 0-27.2 12.8-27.2 27.2 0 14.4 12.8 27.2 27.2 27.2h107.2c14.4 0 27.2-11.2 27.2-27.2v-107.2c0-14.4-12.8-27.2-27.2-27.2h-80v-54.4h80c14.4 0 27.2-12.8 27.2-27.2 0-14.4-12.8-27.2-27.2-27.2h-107.2c-14.4 0-27.2 11.2-27.2 27.2v107.2c0 14.4 11.2 27.2 27.2 27.2h80v54.4h-80z m323.2-161.6c14.4 0 27.2-11.2 27.2-27.2 0-14.4-11.2-27.2-27.2-27.2h-107.2c-14.4 0-27.2 11.2-27.2 27.2v107.2c0 14.4 11.2 27.2 27.2 27.2h80v54.4h-80c-14.4 0-27.2 12.8-27.2 27.2 0 14.4 12.8 27.2 27.2 27.2h107.2c14.4 0 27.2-11.2 27.2-27.2v-107.2c0-14.4-12.8-27.2-27.2-27.2h-80v-54.4h80z m0 268.8H243.2c-14.4 0-27.2 12.8-27.2 27.2 0 14.4 12.8 27.2 27.2 27.2h321.6c14.4 0 27.2-12.8 27.2-27.2 0-16-11.2-27.2-25.6-27.2z m107.2 52.8h107.2c14.4 0 27.2-12.8 27.2-27.2 0-14.4-12.8-27.2-27.2-27.2h-107.2c-14.4 0-27.2 12.8-27.2 27.2 0 16 11.2 27.2 27.2 27.2z"
      p-id="5460"
    ></path>
  </svg>
);

const ComSvg = () => (
  <svg
    viewBox="0 0 1055 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="2334"
    width="1em"
    height="1em"
  >
    <path
      d="M784.384 787.456c-59.392 7.168-113.664-32.768-120.832-90.112-7.168-57.344 34.816-110.592 94.208-117.76 59.392-7.168 113.664 32.768 120.832 90.112 7.168 57.344-34.816 110.592-94.208 117.76z m7.168 52.224c89.088-11.264 152.576-90.112 141.312-176.128-11.264-86.016-92.16-147.456-180.224-136.192-89.088 11.264-152.576 90.112-141.312 176.128 10.24 86.016 91.136 147.456 180.224 136.192z m-291.84-84.992c-3.072-3.072-5.12-6.144-6.144-10.24l-6.144-51.2c0-9.216 7.168-17.408 16.384-18.432l28.672-4.096c12.288-2.048 22.528-11.264 25.6-23.552l10.24-36.864c4.096-12.288 0-24.576-9.216-32.768l-22.528-17.408c-8.192-6.144-9.216-17.408-3.072-25.6l30.72-37.888c4.096-4.096 9.216-6.144 14.336-7.168 5.12-1.024 10.24 0 14.336 3.072l22.528 17.408c9.216 7.168 25.6 7.168 34.816 1.024l33.792-19.456c11.264-6.144 17.408-17.408 16.384-29.696l-3.072-28.672c-1.024-5.12 1.024-9.216 4.096-13.312 3.072-4.096 7.168-6.144 12.288-7.168l50.176-6.144c10.24-2.048 19.456 5.12 20.48 14.336l4.096 29.696c1.024 12.288 12.288 22.528 24.576 24.576l37.888 10.24c12.288 4.096 25.6 0 33.792-9.216l17.408-22.528c3.072-4.096 8.192-5.12 13.312-6.144 5.12-1.024 10.24 0 14.336 3.072l38.912 28.672c8.192 6.144 9.216 17.408 3.072 25.6l-17.408 22.528c-8.192 9.216-8.192 24.576-1.024 33.792l19.456 32.768c6.144 11.264 17.408 18.432 30.72 17.408l28.672-4.096c5.12-1.024 10.24 0 13.312 3.072 4.096 3.072 6.144 7.168 7.168 12.288l3.072 48.128c1.024 10.24-5.12 18.432-15.36 20.48l-31.744 6.144c-12.288 2.048-22.528 11.264-25.6 23.552l-10.24 36.864c-4.096 12.288 0 24.576 9.216 32.768l22.528 17.408c8.192 6.144 9.216 17.408 3.072 25.6L977.92 870.4c-6.144 8.192-18.432 9.216-26.624 3.072l-22.528-17.408c-9.216-7.168-25.6-7.168-34.816-1.024l-33.792 19.456c-11.264 5.12-18.432 17.408-17.408 29.696l3.072 28.672c1.024 5.12-1.024 9.216-4.096 13.312-3.072 4.096-7.168 6.144-12.288 7.168l-50.176 6.144c-5.12 1.024-10.24 0-13.312-3.072-4.096-3.072-6.144-7.168-7.168-12.288l-3.072-28.672c-2.048-12.288-11.264-22.528-23.552-24.576l-37.888-10.24c-12.288-4.096-25.6 0-33.792 9.216l-17.408 22.528c-6.144 8.192-18.432 9.216-26.624 3.072l-38.912-28.672c-8.192-6.144-9.216-17.408-3.072-25.6l17.408-22.528c8.192-9.216 8.192-24.576 1.024-33.792l-19.456-32.768c-6.144-11.264-18.432-18.432-30.72-17.408l-29.696 3.072c-4.096 1.024-9.216 0-13.312-3.072z"
      fill="#383838"
      p-id="2335"
    ></path>
    <path
      d="M849.92 64.512H95.232c-52.224 0-95.232 43.008-95.232 95.232v704.512c0 52.224 43.008 95.232 95.232 95.232H496.64V850.944H168.96c-30.72 0-56.32-25.6-56.32-56.32V417.792c0-30.72 25.6-56.32 56.32-56.32h607.232c28.672 0 52.224 21.504 55.296 49.152h112.64V158.72c0-52.224-41.984-94.208-94.208-94.208zM212.992 251.904c0 13.312-10.24 23.552-23.552 23.552h-55.296c-13.312 0-23.552-10.24-23.552-23.552v-50.176c0-13.312 10.24-23.552 23.552-23.552H189.44c13.312 0 23.552 10.24 23.552 23.552v50.176z m251.904 0c0 13.312-10.24 23.552-23.552 23.552H307.2c-13.312 0-23.552-10.24-23.552-23.552v-50.176c0-13.312 10.24-23.552 23.552-23.552h134.144c13.312 0 23.552 10.24 23.552 23.552v50.176z"
      fill="#383838"
      p-id="2336"
    ></path>
  </svg>
);

const UserSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="3368"
    width="1.5em"
    height="1.5em"
  >
    <path
      d="M512 148.5c49.1 0 96.7 9.6 141.5 28.5 43.3 18.3 82.2 44.5 115.6 77.9 33.4 33.4 59.6 72.3 77.9 115.6 18.9 44.8 28.5 92.4 28.5 141.5s-9.6 96.7-28.5 141.5c-18.3 43.3-44.5 82.2-77.9 115.6-33.4 33.4-72.3 59.6-115.6 77.9-44.8 18.9-92.4 28.5-141.5 28.5s-96.7-9.6-141.5-28.5c-43.3-18.3-82.2-44.5-115.6-77.9-33.4-33.4-59.6-72.3-77.9-115.6-18.9-44.8-28.5-92.4-28.5-141.5s9.6-96.7 28.5-141.5c18.3-43.3 44.5-82.2 77.9-115.6s72.3-59.6 115.6-77.9c44.8-18.9 92.4-28.5 141.5-28.5m0-50C283.6 98.5 98.5 283.6 98.5 512S283.6 925.5 512 925.5 925.5 740.4 925.5 512 740.4 98.5 512 98.5z"
      p-id="3369"
      fill="#2c2c2c"
    ></path>
    <path
      d="M512 401m-106 0a106 106 0 1 0 212 0 106 106 0 1 0-212 0Z"
      p-id="3370"
      fill="#2c2c2c"
    ></path>
    <path
      d="M514.5 540.8c-105.1 0-195 68.8-231.6 166.2 28.2 27.9 60.4 50.1 95.9 65.9 40.2 18 83 27.1 127.1 27.1s86.9-9.1 127.1-27.1c38.9-17.4 73.8-42.3 103.8-74.1 1.4-1.5 2.7-3 4.1-4.4-39.2-90.6-125.8-153.6-226.4-153.6z"
      p-id="3371"
      fill="#2c2c2c"
    ></path>
  </svg>
);

const CommitSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4565"
    width="1em"
    height="1em"
  >
    <path
      d="M867.265818 784.595468 681.177586 784.595468c-62.5895 60.688197-158.625764 169.570024-158.625764 169.570024-5.817496 6.058996-15.288195 6.058996-21.086248 0 0 0-131.200134-135.805012-162.894997-169.570024L156.752602 784.595468c-67.418482 0-122.045637-63.007009-122.045637-131.366933L34.706965 189.078333c0-68.358901 53.43398-123.788328 119.322619-123.788328l715.938786 0c65.907059 0 119.322619 55.429427 119.322619 123.788328l0 464.150202C989.292012 721.578226 934.664857 784.595468 867.265818 784.595468L867.265818 784.595468zM273.353227 373.638769c-32.94432 0-59.661821 27.715225-59.661821 61.898769 0 34.174334 26.716478 61.889559 59.661821 61.889559s59.661821-27.715225 59.661821-61.889559C333.015048 401.353994 306.297546 373.638769 273.353227 373.638769L273.353227 373.638769zM511.999488 373.638769c-32.94432 0-59.661821 27.715225-59.661821 61.898769 0 34.174334 26.735921 61.889559 59.661821 61.889559 32.94432 0 59.661821-27.715225 59.661821-61.889559C571.66131 401.353994 544.943808 373.638769 511.999488 373.638769L511.999488 373.638769zM750.64575 373.638769c-32.9259 0-59.661821 27.715225-59.661821 61.898769 0 34.174334 26.735921 61.889559 59.661821 61.889559 32.963763 0 59.661821-27.715225 59.661821-61.889559C810.307571 401.353994 783.609513 373.638769 750.64575 373.638769L750.64575 373.638769zM750.64575 373.638769"
      fill="#2c2c2c"
      p-id="4566"
    ></path>
  </svg>
);

const VideoSvg = () => (
  <svg
    viewBox="0 0 1025 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="2338"
    width="5em"
    height="5em"
  >
    <path
      d="M512.61025 48.820024a463.790226 463.790226 0 1 0 463.790227 463.790226A463.790226 463.790226 0 0 0 512.61025 48.820024z m0 854.350417a390.560191 390.560191 0 1 1 390.560191-390.560191 390.560191 390.560191 0 0 1-390.560191 390.560191z m166.720382-414.970203l-120.341359-70.300834-127.908463-74.694636a22.945411 22.945411 0 0 0-32.465315 24.410011v288.526341a22.945411 22.945411 0 0 0 32.465315 24.410012l127.908463-74.694636 120.341359-70.056734a28.559714 28.559714 0 0 0 0-47.599524z"
      p-id="2339"
      fill="#ffffff"
    ></path>
  </svg>
);

const DarkIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={DarkSvg} {...props} />
);
const LightIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={LightSvg} {...props} />
);
const GPUIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={GPUSvg} {...props} />
);
const CPUIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={CPUSvg} {...props} />
);

const MotherboardIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={MotherboardSvg} {...props} />
);
const MemoryIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={MemorySvg} {...props} />
);

const HDDIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={HDDSvg} {...props} />
);

const SSDIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={SSDSvg} {...props} />
);

const ComIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ComSvg} {...props} />
);

const UserIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={UserSvg} {...props} />
);

const CommitIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={CommitSvg} {...props} />
);

const VideoIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={VideoSvg} {...props} />
);
export {
  LightIcon,
  DarkIcon,
  GPUIcon,
  CPUIcon,
  MotherboardIcon,
  MemoryIcon,
  HDDIcon,
  SSDIcon,
  ComIcon,
  UserIcon,
  CommitIcon,
  VideoIcon
};
